.main .content .content-right .content-right-about{
  width: 100%;
  position: relative;
  box-shadow:0px -2px 20px 0px #111,-2px 0px 20px 0px #111,2px 0px 20px 0px #111,0px 2px 20px 0px #111;
  overflow: hidden;
}
.main .content .content-right .content-right-about .about-warp
{
  width: 400%;
  height: 100%;
}
.about-warp .about-item{
  float: left;
}
.about-warp .about-item img{
  display: block;
}
/* 公司介绍 */
.about-profile{
  width: 25%;
  height: 100%;
}

.about-profile img{
  width:100%;
}
/* 近期活动 */
.about-trend{
  width: 25%;
  height: 100%;
}

.about-trend img{
  width:100%;
}
/* 品牌文化 */
.about-story{
  width: 25%;
  height: 100%;
}

.about-story img{
  width:100%;
}
/* 品牌态度*/
/*.about-attitude{
  width: 20%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 20%;
} */

.about-attitude img{
  width:100%;
}
/* 品牌品类 */
.about-category{
  width: 25%;
  height: 100%;
}

.about-category img{
  width:100%;
}
/* 上一页 下一页按钮 */
.content-right-about .switch-btn{
  width: 48px;
  height: 126px;
  background-image: url(./../img/switch-btn.png);
  background-position: center center;
  background-repeat: no-repeat;
  position: absolute;
  top: 50%;
  display: none;
  margin-top: -63px;
  cursor: pointer;
}

.content-right-about .pre{
  left: 30px;
  transform:rotate(180deg);
  -ms-transform:rotate(180deg); 	/* IE 9 */
  -moz-transform:rotate(180deg); 	/* Firefox */
  -webkit-transform:rotate(180deg); /* Safari 和 Chrome */
  -o-transform:rotate(180deg); 	/* Opera */
}

.content-right-about .next:hover{
  background-image: url(./../img/switch-btn-acitve.png);
}

.content-right-about .pre:hover{
  background-image: url(./../img/switch-btn-acitve.png);
}

.content-right-about .next{
  right: 30px;
}

.main .content .content-right .content-right-about:hover .switch-btn{
  display: block;
}

.main .content .content-left .pagination .pagination-item{
  cursor: inherit;
}

.content-right-about .about-nav{
  width: 376px;
  height: 30px;
  /* transform:translateX(-50%);
  -webkit-transform:translateX(-50%);
  -moz-transform:translateX(-50%);     */
  position: absolute;
  left: 50%;
  bottom: 3%;
  margin-left: -188px;
  display: flex;
}

.content-right-about .about-nav div{
  flex: 1;
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
  margin: 0 2px
}

.content-right-about .about-nav .about-nav-story{
  background-image: url(./../img/about_nav_story.png);
  
}

/* .content-right-about .about-nav .about-nav-brand{
  background-image: url(./../img/about_nav_brand.png);
} */

.content-right-about .about-nav .about-nav-info{
  background-image: url(./../img/about_nav_info.png);
}

.content-right-about .about-nav .about-nav-trend{
  background-image: url(./../img/about_nav_trend.png);
}

.content-right-about .about-nav .about-nav-innovation{
  background-image: url(./../img/about_nav_Innovation.png);
}

.content-right-about .about-nav .about-nav-story.active{
  background-image: url(./../img/about_nav_story_active.png);
  position: relative;
  top: 1px;
}

/* .content-right-about .about-nav .about-nav-brand.active{
  background-image: url(./../img/about_nav_brand_active.png);
} */

.content-right-about .about-nav .about-nav-info.active{
  background-image: url(./../img/about_nav_info_active.png);
  position: relative;
  top: 1px;
}

.content-right-about .about-nav .about-nav-trend.active{
  background-image: url(./../img/about_nav_trend_active.png);
  position: relative;
  top: 1px;
}

.content-right-about .about-nav .about-nav-innovation.active{
  background-image: url(./../img/about_nav_Innovation_active.png);
  position: relative;
  top: 2px;
}
